<template>
	<view class="content">
		<!-- <web-view v-if="url!=''" :src="url"></web-view> -->
		<!-- 1324654987-->
		<!-- <view class="ziti">
			扫一扫联系客服
		</view> -->
		<!-- <img :src="url" alt=""> -->
		<!-- <view class="pic">
			<image :src="url" mode="aspectFit"></image>
		</view> -->
		<view class="box">
			<view class="logo">
				<image src="https://mh.qingfentool.vip/upload/image/20230529/fb2e040f5177508cb28295f52b25c021.png"></image>
			</view>
			<view class="text" >大王赏</view>
			<view class="picture">
				<image :show-menu-by-longpress='true' :src="url" mode="aspectFit"></image>
			</view>
			<view class="info">
				<view>截图保存</view>
				<view style="margin-top: 30rpx;">截图保存到本地打开微信</view>
				<view>(添加微信客服微信)</view>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			url: "",
			urls: this.$configs.urls
		};
	},
	onLoad() {
		this.$Request.get(this.$api.kefu.kefuimg).then(res => {
			this.url = res.data.qiyecode
			// ////console.log(this.url)
		});
	},
	onShow() {

	},
	methods: {

	}
};
</script>

<style lang="scss" scoped>
.content {
	background-color: #262626;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;


	.box {
		width: 690rpx;
		height: 1007rpx;
		// background: #FFFFFF;
		border-radius: 20px;
		margin: auto;


	}

	.logo {
		width: 129rpx;
		height: 129rpx;
		margin: 0 auto;
		margin-top: 61rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.text {
		text-align: center;
		font-size: 35rpx;
		font-family: PingFang SC;
		font-weight: bold;
		margin-top: 20rpx;
		color: white;
	}

	.picture {
		width: 384rpx;
		height: 385rpx;
		margin: 50rpx auto;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.info {
		width: 100%;
		margin: 30rpx auto;
		text-align: center;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: white;
	}
}

// .content img {
// 	padding-top: 150rpx;
// 	position: absolute;
// 	top: 0;
// 	left: 1px;
// 	bottom: 0;
// 	right: 0;
// 	margin: 0 auto;
// }

// .ziti {
// 	padding-top: 40rpx;
// 	text-align: center;
// 	margin-top: 32rpx;
// 	font-size: 20px;
// }

// .pic {
// 	width: 100%;
// }
</style>
